<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>
    <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />
    <title>济南阳光传媒</title>
    <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" />
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    <link href="css/prettyPhoto.css" type="text/css" rel="stylesheet" />
    <link href="css/font-icomoon.css" type="text/css" rel="stylesheet" />
    <link href="css/font-awesome.css" type="text/css" rel="stylesheet" />
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.css"/>
    <![endif]-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.quicksand.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/hoverIntent.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/jflickrfeed.min.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.elastislide.js"></script>
    <script type="text/javascript" src="js/jquery.tweet.js"></script>
    <script type="text/javascript" src="js/smoothscroll.js"></script>
    <script type="text/javascript" src="js/jquery.ui.totop.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/ajax-mail.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>

<!--top menu-->
<section id="top-menu">
    <div class="container">
        <div class="row">
         </div>
    </div>
</section>

<!--header-->
<header id="header">
    <div class="container">
        <div class="row header-top">
            <div class="span5 logo">
                <a class="logo-img" href="./index.html" title="responsive template"><img src="example/logo2.png" alt="时代阳光" /></a>
                <p class="tagline">时代阳光文化传播</p>
                <p class="guanggao">&nbsp;&nbsp;&nbsp;专注广告 &nbsp;&nbsp; 致力营销</p>
            </div>
            <div class="span7 daohang">
                <nav id="menu" class="clearfix">
                    <ul>
                        <li class="current"><a href="index"><span class="name">首页</span></a>
                        </li>
                        <s:iterator value="categoryList" var="category">
	                        <li>
	                        <s:if test="#category.isImageList">
	                        	<a href="details_image?category.id=<s:property value="#category.id"/>"><span class="name"><s:property value="name" /></span></a>
	                        </s:if><s:else>
	                        	<a href="details_article?category.id=<s:property value="#category.id"/>"><span class="name"><s:property value="name" /></span></a>
	                        </s:else>
	                            <ul>
	                                <s:iterator value="#category.categoryChilds" var="child">
	                               		<li>
	                               		<s:if test="#child.isImageList">
	                               			<a href="details_image?categoryChild.id=<s:property value="#child.id"/>"><s:property value="name" /></a>
	                               		</s:if><s:else>
	                               			<a href="details_article?categoryChild.id=<s:property value="#child.id"/>"><s:property value="name" /></a>
	                                	</s:else>
	                                	</li>
	                                </s:iterator>
	                            </ul>
	                        </li>
                        </s:iterator>
                        <li><a href="details_aboutus"><span class="name">阳光互动</span></a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>

<!--slider-->
<section id="slider">
    <div class="container">
        <div class="row">
            <div class="span12">
                <div id="mainslider" class="flexslider">
                    <ul class="slides">
                        <li>
                            <img src="example/slider11.jpg" alt="" />
                            <div class="slide-caption">
                                <h3 class="slide-title">方法都是非法的顺风耳而</h3>
                                <p class="slide-subtitle">嗯嗯大煞风景独守空房江东父老士大夫林海峰isdffs  附加费看了电视剧付款了多少分就  发动机是李开复精神科大夫链接咖啡减肥减 抵抗力分机多少克里夫酒开路第三届发iejirer .</p>
                            </div>
                        </li>
                        <li>
                            <img src="example/slider22.jpg" alt="" />
                            <div class="slide-caption">
                                <h3 class="slide-title">非份额反而而且巍峨巍峨放大vdxv   d</h3>
                                <p class="slide-subtitle">富斗富温热为热牙痛教育局可iuu讲给高分微店我当时的萨芬人哦人   吧vcvdz梵蒂冈梵蒂冈如果 .</p>
                            </div>
                        </li>
                        <li>
                            <img src="example/slider33.jpg" alt="" />
                            <div class="slide-caption">
                                <h3 class="slide-title">发生大幅额外份额富斗富的风范的发生的撒入were fdfvdv 哦范的热热热  </h3>
                                <p class="slide-subtitle">g哦范的哦啊发送方额外份额外国人凤凰台合同.</p>
                            </div>
                        </li>
                        <li>
                            <img src="example/slider4.jpg" alt="" />
                            <div class="slide-caption">
                                <h3 class="slide-title">古典风格法国风格发vfdgfg </h3>
                                <p class="slide-subtitle">热额额热果然高观点分光光度法广告高分如果范的高分过范的感到过分的是</p>
                            </div> 
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!--container-->
<section id="container">
    <div class="container">
    <div class="row">
        <div class="span12">
            <div class="hero-unit">
                <h4>时代阳光文化传播</h4>
                <p>济南时代阳光是当今山东最专业、最成熟的媒介代理和媒体公关公司，可为客户提供全山东市场和媒体的第一手信息。
              </p>     <a class="btn btn-welcome btn-large pull-right">了解更多</a>
            </div>
        </div>
    </div>
   
        <div class="row">
        <div class="span12 our-works"><h4>Our Work</h4></div>
        <div class="span12">
            <div id="our-projects" class="carousel bttop">
                <div class="carousel-wrapper">
                    <ul class="portfolio">
                       <s:iterator value="imgList" var="image">
                        <li>
                            <article>
                                <div class="inner-image">
                                    <a href="<s:property value="imgUrl"/>" data-rel="prettyPhoto">
                                        <img src="<s:property value="imgUrl"/>" alt="" />
                                        <span class="frame-overlay"></span>
                                    </a>
                                </div>
                                <div class="sliding">
                                    <div class="inner-text">
                                        <h4 class="title"><a href="./portfolio-single.html"><s:property value="categoryChild.name"/></a></h4>
                                        <p>详情请查看各栏目下的介绍……</p>
                                    </div>
                                </div>
                            </article>
                        </li>
                       </s:iterator> 
                        
                    </ul>
                </div>
            </div>
            <script type="text/javascript">
                $(document).ready(function(){
                    $('#our-projects').elastislide({
                        imageW : 270,
                        border : 0,
                        minItems : 1,
                        margin : 30
                    });
                });
            </script>
        </div>
    </div>
        <div class="row">
            <div class="span12">
                <ul class="thumbnails">
                    <!---->
                    <li class="span6">
                        <a href="example/02242006.jpg" data-rel="prettyPhoto" class="thumbnail">
                            <img src="example/02242006.jpg" alt="" />
                            <span class="frame-overlay"></span>
                        </a>
                    </li>
                    <!---->
                    <li class="span3">
                        <a href="example/view.jpg" data-rel="prettyPhoto" class="thumbnail">
                            <img src="example/latest7.jpg" alt="" />
                            <span class="frame-overlay"></span>
                        </a>
                    </li>
                    <!---->
                    <li class="span3">
                        <a href="example/view.jpg" data-rel="prettyPhoto" class="thumbnail">
                            <img src="example/latest6.jpg" alt="" />
                            <span class="frame-overlay"></span>
                        </a>
                    </li>
                    <!---->
                    <li class="span3">
                        <a href="example/view.jpg" data-rel="prettyPhoto" class="thumbnail">
                            <img src="example/latest5.jpg" alt="" />
                            <span class="frame-overlay"></span>
                        </a>
                    </li>
                    <!---->
                    <li class="span3">
                        <a href="example/view.jpg" data-rel="prettyPhoto" class="thumbnail">
                            <img src="example/latest1.jpg" alt="" />
                            <span class="frame-overlay"></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div> <div class="row highlights">
        <div class="span3">
            <div class="hl-circle">
                <a class="hl-icon1" href="services.html">service</a>
            </div>

            <div class="highlights-content clearfix">
                <h5>阳光服务</h5>

                <p>
                   一流服务，专业到位！
                </p>

                
            </div>
        </div>
        <div class="span3 ">
            <div class="hl-circle">
                <a class="hl-icon2" href="services.html">service</a>
            </div>

            <div class="highlights-content clearfix">
                <h5>阳光媒介</h5>

                <p>
                  专业媒体，专注推!
                </p>

                
            </div>
        </div>
        <div class="span3">
            <div class="hl-circle">
                <a class="hl-icon3" href="services.html">service</a>
            </div>

            <div class="highlights-content clearfix">
                <h5>阳光案例</h5>

                <p>
                  领先团队，祝您成功！
                </p>

                
            </div>
        </div>
        <div class="span3 highlights">
            <div class="hl-circle">
                <a class="hl-icon4" href="services.html">service</a>
            </div>

            <div class="highlights-content clearfix">
                <h5>阳光互动</h5>

                <p>
                   诚挚交流，分享收货！
                </p>

                
            </div>
        </div>
    </div>
   
<!--footer-->
<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="span4">
                <p><img src="example/logo2.png" alt="" /></p>
                <address>
                    <p><i class="icon-map-marker"></i> 地址 </p>
                    <p><i class="icon-phone"></i> (123) 456-7890</p>
                    <p><i class="icon-mobile-2"></i> (123) 456-7890</p>
                    <p><i class="icon-mail-3"></i> <a href="mailto:#">sdygmedia@126.com</a></p>
                </address>
            </div>
           
            <div class="span4">
                <p class="heading">关于我们</p>
                <p>济南时代阳光是当今山东最专业、最成熟的媒介代理和媒体公关公司，可为客户提供全山东市场和媒体的第一手信息。</p>
                
            </div>
            <div class="span4">
                <p class="heading">济南时代阳光文化传播有限公司</p>
                <ul class="footer-navigate">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="#">阳光服务</a></li>
                    <li><a  href="#">阳光媒介</a></li>
                    <li><a href="#">阳光案例</a></li>
                    <li><a href="#">阳光互动</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>

<!--footer menu-->
<section id="footer-menu">
    <div class="container">
        <div class="row">
            <div class="span4">
                <p class="copyright">Copyright &copy; 2014.济南时代阳光 &nbsp;&nbsp;版权所有</p>
            </div>
            <div class="span8 hidden-phone">
                <ul class="pull-right">
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li><a href="#">Sitemap</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>


</body>
</html>
